<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="format-detection" content="telephone=no">
		<link rel="stylesheet" href="css/public.css" media="all">
		<link rel="stylesheet" href="css/department.css" media="all">
		<script type="text/javascript" src="layui/layui.js"></script>
		<script type="text/javascript" src="layui/css/layui.css"></script>
		<script type="text/javascript" src="js/jquery.js"></script>
		<!-- <script type="text/javascript" src="js/jquery.min.js"></script> -->
		<script type="text/javascript" src="js/department.js"></script>
		<script type="text/javascript" src="js/paging.js"></script>
		<script type="text/javascript" src="js/jquery.tree.js"></script>
		<title>部门管理-交纳五险</title>
	</head>
	<body onload="usersPage(true)">
		<!--添加项目部start-->
		<div style="display: none;" id="subjectAdd" class="add-container">
			<div class="black-cloth"></div>
			<div class="add-content" style="width: 500px;height: 360px;">
				<div class="popup-top">
					<label class="popup-add-title">添加项目部</label>
					<img onclick="subjectClose();" src="img/close_icon.png"/>
				</div>
				<div class="popup-item" style="margin-top: 30px;">
					<label class="popup-txt">项目部:</label>
					<input id="subject_name" type="text" class="popup-input-auto" placeholder="请输入项目部"/>
				</div>
				<div class="popup-item">
					<label class="popup-txt">上级部门:</label>
					<select class="popup-select" id="partent_name_add" style="width: 73%;">
						<option id="0">中铁十局</option>
					</select>
				</div>
				<div class="popup-item" style="text-align: center;margin-top: 30px;">
					<button class="saveBtn" onclick="subjectSave();" style="margin-left: 70px;">保存</button>
					<button class="cancelBtn" onclick="subjectClose();" >取消</button>
				</div>
			</div>
		</div>
		<!--添加项目部end-->
		<!--编辑项目部start-->
		<div style="display: none;" id="subjectEdit" class="add-container">
			<div class="black-cloth"></div>
			<div class="add-content" style="width: 500px;height: 360px;">
				<div class="popup-top">
					<label class="popup-add-title">编辑项目部</label>
					<img onclick="subjectEditClose();" src="img/close_icon.png"/>
				</div>
				<div class="popup-item" style="margin-top: 30px;">
					<label class="popup-txt">项目部:</label>
					<input id="subject_name_edit" type="text" class="popup-input-auto" placeholder="请输入项目部"/>
				</div>
				<div class="popup-item">
					<label class="popup-txt">上级部门:</label>
					<select class="popup-select" id="partent_name_edit" style="width: 73%;">
						<option id="0">中铁十局</option>
					</select>
				</div>
				<div class="popup-item" style="text-align: center;margin-top: 30px;">
					<button class="saveBtn" onclick="subjectEditSave();" style="margin-left: 70px;">保存</button>
					<button class="cancelBtn" onclick="subjectEditClose();" >取消</button>
				</div>
				<input id="departmentEditId" value="1" style="display: none;"/>
			</div>
		</div>
		<!--编辑项目部end-->
		<!--添加部门start-->
		<div style="display: none;" id="departmentAdd" class="add-container">
			<div class="black-cloth"></div>
			<div class="add-content" style="width: 500px;height: 360px;">
				<div class="popup-top">
					<label class="popup-add-title">添加部门</label>
					<img onclick="departmentClose();" src="img/close_icon.png"/>
				</div>
				<div class="popup-item" style="margin-top: 30px;">
					<label class="popup-txt">部&nbsp;&nbsp;门:</label>
					<input id="department_name" type="text" class="popup-input-auto" placeholder="请输入部门"/>
				</div>
				<div class="popup-item">
					<label class="popup-txt">上级部门:</label>
					<select class="popup-select" id="partent_subject_add" style="width: 73%;">
						<option id="1">项目部1</option>
						<option id="2">项目部2</option>
						<option id="3">项目部3</option>
						<option id="3">项目部4</option>
					</select>
				</div>
				<div class="popup-item">
					<label class="popup-txt">是否管理:</label>
					<input id="ifAdministration" type="checkbox" value="0" style="margin: 0.9375rem;"/>
				</div>
				<div class="popup-item" style="display: none;">
					<label class="popup-txt">部门负责人:</label>
					<input id="department_charge" type="text" class="popup-input-auto" placeholder="请输入部门负责人"/>
				</div>
				<div class="popup-item" style="text-align: center;margin-top: 30px;">
					<center>
					<button class="saveBtn" onclick="departmentSave();" style="margin-left: 70px;">保存</button>
					<button class="cancelBtn" onclick="departmentClose();" >取消</button>
					</center>
				</div>
			<input id="departmentId" value="1" style="display: none;"/>
			</div>
		</div>
		<!--添加部门end-->
		<!--编辑部门start-->
		<div style="display: none;" id="departmentEdit" class="add-container">
			<div class="black-cloth"></div>
			<div class="add-content" style="width: 500px;height: 360px;">
				<div class="popup-top">
					<label class="popup-add-title">编辑部门</label>
					<img onclick="departmentEditClose();" src="img/close_icon.png"/>
				</div>
				<div class="popup-item" style="margin-top: 30px;">
					<label class="popup-txt">部&nbsp;&nbsp;门:</label>
					<input id="department_name_edit" type="text" class="popup-input-auto" placeholder="请输入部门"/>
				</div>
				<div class="popup-item">
					<label class="popup-txt">上级部门:</label>
					<select class="popup-select" id="partent_subject_edit" style="width: 73%;">
						<option id="1">项目部1</option>
						<option id="2">项目部2</option>
						<option id="3">项目部3</option>
						<option id="4">项目部4</option>
					</select>
				</div>
				<div class="popup-item">
					<label class="popup-txt">是否管理:</label>
					<input id="ifAdministration_edit" type="checkbox" value="0" style="margin: 0.9375rem;"/>
				</div>
				<div class="popup-item" style="display: none;">
					<label class="popup-txt">部门负责人:</label>
					<input id="department_charge_edit" type="text" class="popup-input-auto" placeholder="请输入部门负责人"/>
				</div>
				<div class="popup-item" style="text-align: center;margin-top: 30px;">
					<center>
					<button class="saveBtn" onclick="departmentEditSave();" style="margin-left: 70px;">保存</button>
					<button class="cancelBtn" onclick="departmentEditClose();" >取消</button>
					</center>
				</div>
				<input id="departmentId" value="1" style="display: none;"/>
			</div>
		</div>
		<!--编辑部门end-->
		<!--添加人员start-->
		<div style="display: none;" id="staffAdd" class="add-container">
			<div class="black-cloth"></div>
			<div class="add-content" style="height: 620px;">
				<div class="popup-top">
					<label class="popup-add-title">添加人员</label>
					<img onclick="staffClose();" src="img/close_icon.png"/>
				</div>
				<div class="popup-item">
					<label class="popup-txt">部&nbsp;&nbsp;门:</label>
					<select class="popup-select" id="department_staff">
						<!-- <option id="1">客服部</option>
						<option id="2">安保部</option>
						<option id="3">工程部</option> -->
					</select>
					<label class="popup-txt">姓&nbsp;&nbsp;名:</label>
					<input id="username_staff" type="text" class="popup-input" placeholder="请输入姓名"/>
				</div>
				<div class="popup-item">
					<label class="popup-txt">职&nbsp;&nbsp;位:</label>
					<select class="popup-select" id="position_staff" style="width: 11rem;">
						<!-- <option id="0">请选择</option>
						<option id="1">经理</option>
						<option id="2">楼长</option>
						<option id="3">组长</option> -->
					</select>
					<img class="popup-add-img" src="img/add_icon.png" onclick="popupShow(11,0,1);"/>
					<label class="popup-txt">角&nbsp;&nbsp;色:</label>
					<select class="popup-select" id="role_staff">
						
					</select>
				</div>
				<div class="popup-item">
					<label class="popup-txt">电&nbsp;&nbsp;话:</label>
					<input id="phone_staff" type="tel" class="popup-input" placeholder="请输入联系电话"/>
					<label class="popup-txt">政治面貌:</label>
					<select class="popup-select" id="political">
						<option value="0">请选择</option>
						<option value="1">团员</option>
						<option value="2">党员</option>
						<option value="3">群众</option>
					</select>
					
				</div>
				<div class="popup-item">
					<label class="popup-txt">身份证:</label>
					<input id="ID_staff" type="text" class="popup-input" placeholder="请输入身份证"/>
					<label class="popup-txt">家庭住址:</label>
					<input id="address" type="text" class="popup-input" placeholder="请输入家庭住址"/>
				</div>
				<div class="popup-item">
					<label class="popup-txt">学&nbsp;&nbsp;历:</label>
					<input id="education_staff" type="text" class="popup-input" placeholder="请输入学历"/>
					<label class="popup-txt">专&nbsp;&nbsp;业:</label>
					<input id="major" type="text" class="popup-input" placeholder="请输入专业"/>
				</div>
				<div class="popup-item">
					<label class="popup-txt">入职时间:</label>
					<input id="entry_date" type="date" class="popup-input" placeholder="请输入入职时间"/>
					<label class="popup-txt">合同时间:</label>
					<input id="contract_date" type="date" class="popup-input" placeholder="请输入合同时间"/>
				</div>
				<div class="popup-item">
					<label class="popup-txt">缴费基数:</label>
					<input id="social_insurance_base" type="number" class="popup-input" placeholder="请输入缴费基数"/>
					
					<label class="popup-txt">保障工资:</label>
					<select class="popup-select" id="guarantee_salary_staff" style="width: 11rem;" onchange="numChange(1);">
						<!-- <option id="0">0</option>
						<option id="1">1550元</option>
						<option id="2">1730元</option>
						<option id="3">1910元</option> -->
					</select>
					<img class="popup-add-img" src="img/add_icon.png" onclick="popupShow(9,0,0);"/>
				</div>
				
				<div class="popup-item">
					<label class="popup-txt">岗位工资:</label>
					<input id="position_salary_staff" type="number" class="popup-input" placeholder="请输入岗位工资" onkeyup="numChange(1);"/>
					<label class="popup-txt">是否年薪:</label>
					<input id="annualSalary" type="checkbox" value="0" style="margin: 0.9375rem;"/>
				</div>
				<div class="popup-item">
					<label class="popup-txt-desc" id="depart_desc"></label>
				</div>
				<!-- <div class="popup-item">
					<label class="popup-txt">上传头像:</label>
					<img id="head_img" style="width: 100px;" class="popup-img" src="img/info_default.png" onclick="imgClick();"/>
					<input id="headFileAdd" name="file" type="file" ref="file" value="" accept="image/jpg,image/jpeg,image/png" hidden="hidden" onchange="headChange(1,this);"/>
					
					<label class="popup-txt-normal">上传头像:</label>
					<img id="head_img" class="popup-img" src="img/info_default.png" onclick="imgClick();"/>
					<input id="headFileAdd" name="file" type="file" accept="image/jpg,image/jpeg,image/png" hidden="hidden" onchange="headChange(1,this);"/>
				</div> -->
				
				<div class="popup-item" style="text-align: center;">
					<center>
					<button class="saveBtn" onclick="staffSave();">保存</button>
					<button class="cancelBtn" onclick="staffClose();" >取消</button>
					</center>
				</div>				
			</div>
		</div>
		<!--添加人员end-->
		<!--编辑人员start-->
		<div style="display: none;" id="staffEdit" class="add-container">
			<div class="black-cloth"></div>
			<div class="add-content" style="height: 620px;">
				<div class="popup-top">
					<label class="popup-add-title">编辑人员</label>
					<img onclick="staffEditClose();" src="img/close_icon.png"/>
				</div>
				<div class="popup-item">
					<label class="popup-txt">部&nbsp;&nbsp;门:</label>
					<select class="popup-select" id="department_staff_edit">
						<!-- <option id="0">请选择</option>
						<option id="1">经理</option>
						<option id="2">楼长</option>
						<option id="3">组长</option> -->
					</select>
					<label class="popup-txt">姓&nbsp;&nbsp;名:</label>
					<input id="username_staff_edit" type="text" class="popup-input" placeholder="请输入姓名" value="张三"/>
				</div>
				<div class="popup-item">
					<label class="popup-txt">职&nbsp;&nbsp;位:</label>
					<select class="popup-select" id="position_staff_edit" style="width: 11rem;">
						<!-- <option id="0">请选择</option>
						<option id="1">经理</option>
						<option id="2">楼长</option>
						<option id="3">组长</option> -->
					</select>
					<img class="popup-add-img" src="img/add_icon.png" onclick="popupShow(11,0,2);"/>
					<label class="popup-txt">角&nbsp;&nbsp;色:</label>
					<select class="popup-select" id="role_staff_edit">
						<!-- <option id="0">请选择</option>
						<option id="1">保安部主管</option>
						<option id="2">保洁部主管</option> -->
					</select>
				</div>
				<div class="popup-item">
					<input id="id_staff_edit" value="" hidden="hidden"/>
					<label class="popup-txt">电&nbsp;&nbsp;话:</label>
					<input id="phone_staff_edit" type="tel" class="popup-input" placeholder="请输入联系电话"/>
					<label class="popup-txt">政治面貌:</label>
					<select class="popup-select" id="political_edit">
					<option value="0">请选择</option>
					<option value="1">团员</option>
					<option value="2">党员</option>
					<option value="3">群众</option>
					</select>
				</div>
				<div class="popup-item">
					<label class="popup-txt">身份证:</label>
					<input id="ID_staff_edit" type="text" class="popup-input" placeholder="请输入身份证"/>
					<label class="popup-txt">家庭住址:</label>
					<input id="address_edit" type="text" class="popup-input" placeholder="请输入家庭住址"/>
				</div>
				<div class="popup-item">
					<label class="popup-txt">学&nbsp;&nbsp;历:</label>
					<input id="education_staff_edit" type="text" class="popup-input" placeholder="请输入学历"/>
					<label class="popup-txt">专&nbsp;&nbsp;业:</label>
					<input id="major_edit" type="text" class="popup-input" placeholder="请输入专业"/>
				</div>
				<div class="popup-item">
					<label class="popup-txt">入职时间:</label>
					<input id="entry_date_edit" type="date" class="popup-input" placeholder="请输入入职时间"/>
					<label class="popup-txt">合同时间:</label>
					<input id="contract_date_edit" type="date" class="popup-input" placeholder="请输入合同时间"/>
				</div>
				<div class="popup-item">
					<label class="popup-txt">缴费基数:</label>
					<input id="social_insurance_base_edit" type="number" class="popup-input" placeholder="请输入缴费基数"/>
					
					<label class="popup-txt">保障工资:</label>
					<select class="popup-select" id="guarantee_salary_staff_edit" style="width: 11rem;" onchange="numChange(2);">
						<!-- <option id="0">0</option>
						<option id="1">1550元</option>
						<option id="2">1730元</option>
						<option id="3">1910元</option> -->
					</select>
					<img class="popup-add-img" src="img/add_icon.png" onclick="popupShow(10,0,0);"/>
				</div>
			    <div class="popup-item">
			    	<label class="popup-txt">岗位工资:</label>
			    	<input id="position_salary_staff_edit" type="number" class="popup-input" placeholder="请输入岗位工资" onkeyup="numChange(2);"/>
					<label class="popup-txt">是否年薪:</label>
					<input id="annual_salary_edit" type="checkbox" value="0" style="margin: 0.9375rem;"/>
			    </div>
				<div class="popup-item">
					<label class="popup-txt-desc" id="depart_desc_edit"></label>
				</div>
				
				<!-- <div class="popup-item">
					<label class="popup-txt-normal">上传头像:</label>
					<img id="head_img_edit" style="width: 100px;" class="popup-img" src="img/info_default.png" onclick="imgClick();"/>
					<img id="head_img_edit" class="popup-img" src="img/info_default.png" onclick="imgClick();"/>
					<input id="headFileEdit" name="file" type="file" accept="image/jpg,image/jpeg,image/png" hidden="hidden" onchange="headChange(2,this);"/>
				</div> -->
				<div class="popup-item" style="text-align: center;">
					<center>
					<button class="saveBtn" onclick="staffEditSave();">保存</button>
					<button class="cancelBtn" onclick="staffEditClose();" >取消</button>
					</center>
				</div>				
			</div>
		</div>
		<!--编辑人员end-->
		<!--添加保障金start-->
		<div style="display: none;" id="typeDiv" class="add-container">
			<div class="black-cloth"></div>
			<div class="add-content" style="width: 400px;height: 200px;">
				<div class="popup-top">
					<label class="popup-add-title">添加保障资金</label>
					<img onclick="typeClose();" src="img/close_icon.png"/>
				</div>
				<div class="popup-item">
					<label class="popup-txt">金额:</label>
					<input id="typename" type="number" class="popup-input" placeholder="请输入金额"/>
				</div>
				<div class="popup-item" style="text-align: center;">
					<center>
					<button class="saveBtn" onclick="addSalaryType();">确定</button>
					</center>
				</div>		
				<input id="operationId" style="display: none;" />
			</div>
		</div>
		<!--添加保障金end-->
		<!--新建类别end-->
		<!--添加职位start-->
		<div style="display: none;" id="addPositionDiv" class="add-container">
			<div class="black-cloth"></div>
			<div class="add-content" style="width: 400px;height: 200px;">
				<div class="popup-top">
					<label class="popup-add-title">新建类别</label>
					<img onclick="positionClose();" src="img/close_icon.png"/>
				</div>
				<div class="popup-item">
					<label class="popup-txt">职位名称:</label>
					<input id="positionName" type="text" class="popup-input" placeholder="请输入职位名称"/>
				</div>
				<div class="popup-item" style="text-align: center;">
					<center>
					<button class="saveBtn" onclick="addPositionType();">确定</button>
					</center>
				</div>		
				<input id="addPositionId" style="display: none;" />
			</div>
		</div>
		<!--添加职位end-->
		<div class="page-div" style="margin: 0;">
			<a onclick="tabClick(0)" >
			<div id="title_one" class="tab-div-unclick">				
				雇主责任险				
			</div>
			</a>
			<a onclick="tabClick(1)" >
			<div id="title_two" class="tab-div-click">				
				交纳五险
			</div>
			</a>
		</div>
		<div class="data-div">
			<div class="page-div">
				<label class="my-txt">类型</label>

				<select id="is_valid" class="my-select">
					<option value="">全部</option>
					<option value="1">入职</option>
					<option value="0">离职</option>
				</select>
				<label class="my-txt">劳动关系状态</label>
				<select id="is_signing" class="my-select">
					<option value="">全部</option>
					<option value="1">已签约</option>
					<option value="0">未签约</option>
				</select>
				<!-- <label class="my-txt">起</label>
				<input id="search_date_start" type="date" class="my-date"/>
				<label class="my-txt">止</label>
				<input id="search_date_end" type="date" class="my-date"/> -->
				<label class="my-txt">选择年月</label>
				<input id="search_date_start" type="month" class="my-date"/>
				<input id="search_keyword" type="text" class="my-input" placeholder="搜索关键字"/>
				<button id="searchBtn" class="my-search-btn" onclick="usersPage(true);">搜索</button>
				<button id="addBtn" class="my-import-btn" onclick="popupShow(3,0,0);">添加</button>
				<button id="deleteBtn" class="my-delete-btn" onclick="dataDelete(4,0);">删除</button>
			</div>
			<!-- 树状分级显示 -->
			<div id="left_data" class="depart_left">
				<!-- <ul id="files">
					<li><a href="javascript:void(0);"><img src="img/file_icon.png"/>&nbsp;中铁十局<img class="depart_add" src="img/department_add.png" /></a>
						<ul>
							<li><a href="javascript:void(0);"><img src="img/file_icon.png"/>&nbsp;项目部一<img class="depart_add" src="img/department_add.png" /></a>
								<ul>
									<li><a href="#" >客服部
									<div style="display: none;float: right;">
										<img class="depart_add" src="img/department_add.png"/>
										<img class="depart_add" src="img/department_edit.png"/>
										<img class="depart_add" src="img/department_delete.png"/>
									</div>
									</a></li>
									<li><a href="#">安保部</a></li>
									<li><a href="#">工程部</a></li>
								</ul>
							</li>
						</ul>
					</li>
				</ul> -->
			</div>
			<div class="depart_right">
				<div id="data" class="data-div-table" style="min-height: 560px;">
				<table>
					<tr class="table-top">
						<td width="5%"><input id="allCheck" type="checkbox" value="0" onchange="selectAll()"></td>
						<td width="7%">头像</td>
						<td width="6%">姓名</td>
						<td width="6%">部门</td>
						<td width="6%">职位</td>
						<td width="6%">学历</td>
						<td width="6%">工龄</td>
						<!-- <td width="20%">身份证号</td> -->
						<td width="20%">入职时间</td>
						<td width="20%">建立劳动关系时间</td>
						<td width="6%">状态</td>
						<td width="12%">操作</td>
					</tr>
					<tr class="item-white">
						<td colspan="12"><div>暂无数据</div></td>
					</tr>
				</table>
				</div>
				<center><div id="page" class="page_div" style="margin-top: 10px;"></div></center>
			</div>
		</div>
		<input id="pageNo" value="1" style="display: none;"/>
		<input id="total_page" value="1"  style="display: none;"/>
		<input id="total_rows" value="1"  style="display: none;"/>
		<input id="keyword" value="查询"  style="display: none;"/>
	</body>
</html>
